<template>
  <div>
    <div class="content">
      <div class="bg-fff mt-10">
        <p class="login-p">
          <label for="phone">手机号</label>
          <input  class="fz-14" type="text" placeholder="请输入手机号码" id="phone"/>
        </p>
        <p class="login-p">
          <label for="code">验证码</label>
          <input class="w-40 fz-14" type="text" placeholder="请输入手机验证码" />
          <button class="pos" @click="getCode" id="getCode">短信验证码</button>
        </p>
      </div>
      <div class="mt-25 text-center">
        <button class="login-btn w9" @click="updatePhone">确定更换手机号码</button>
      </div>
    </div>
  </div>
</template>

<script >

  export default {

  }


</script>


<style scoped>
  .w-40 {
    width: 35%;
  }
  .fz-14 {
    font-size: .7rem;
  }

  .login-p label {
    padding-left: .75rem;
  }
  .w9 {
    width: 90%;
  }
  .pos {
    position: absolute;
    left: 65%;
    top: 3rem;
    font-size: .6rem;
    color: #e80013;
    background: none;
    border: none;
  }
</style>
